<template>
		<view>
			<div>
				<navitop>
					<!-- <i class="iconfont" slot="left-slot" @click="outlot">&#xe667;</i> -->
					<span slot="center-slot">通讯录</span>
					<!-- <span slot="right-slot">123</span> -->
				</navitop>
			</div>
			<div :style="'margin-top:'+ rHeight+'px;'">
				<inputgroup></inputgroup>
			</div>
			<!-- <div>
				<mylist :datasoce="seziList">123</mylist>
			</div>
			<div>
				<div class="collection">收藏联系人</div>
				<mylist :datasoce="seziList">123</mylist>
			</div> -->
		</view>
</template>

<script>
	
import mylist from '@/components/my-list/list'
import navitop from '@/components/common/navi-top'
import inputgroup from '@/components/common/input-group'

	
export default {
	
	components:{
		mylist,
		navitop,
		inputgroup
	},
	data(){
		return {
			seziList: [
				{
					icon: 'iconfont icon-fenxiang',
					name:'分享赚钱'
				},
				{
					icon: 'iconfont icon-gerenshezhi',
					name: '我的设置'
				},
				{
					icon: 'iconfont icon-tuichuzhanghao',
					name: '退出账号'
				}
			],
			rHeight: 40
		}
	},
	mounted() {
		this.rHeight = this.rHeight + uni.getSystemInfoSync().statusBarHeight;
	},
}	
</script>

<style scoped lang="scss">
.collection {
	padding-left: 20rpx;
}

</style>
